<template>
    <div>
         <el-drawer
            :title="title"
            :visible.sync="drawer"
            :before-close="handleClose_report"
            custom-class="demo-drawer"
            ref="drawer"
             size="90%">
              <div class="demo-drawer__content">
                    <div class="demo-drawer__contentbox">
                        <Report-code  v-if="type_data=='report_code'"   :itemcode="itemcode" />    <!--我的报告 代码位报告 -->
                        <Report-advertising v-if="type_data=='report_advertising'"   :itemad="itemad"  />    <!--我的报告 投放报告  -->
                        <Report-material v-if="type_data=='report_material'"    :itemwl="itemwl"  />    <!--我的报告 物料报告  -->
                    </div>
                </div>
         </el-drawer>
    </div>
</template>
<script>
import ReportCode from "@/views/report/report-code.vue"
import ReportAdvertising from "@/views/report/report-Advertising.vue"
import ReportMaterial from "@/views/report/report-material.vue"
export default {
    name:'report',
    data(){
        return{
            loading:false,
        }
    },
    props:{
        drawer:{
            type: Boolean,
            default:false,
        },
        type_data:{},
        itemcode:{},
        itemad:{},
        itemwl:{},
        title:{},
    },
    computed:{
    },
    components:{
        ReportCode,
        ReportAdvertising,
        ReportMaterial
    },
    mounted(){
    },
    methods:{
        handleClose_report(){
            this.$emit("handleClose_report",this.drawer)
        },
    }
}
</script>
<style lang="scss">
    .demo-drawer__contentbox{
        padding: 0 20px 20px;
    }
</style>
 